<template>
	<div class="setup">
		<div class="head">
			<router-link tag="div" to="/index/home/me" class="rou"><</router-link>
			<div class="zl">设置</div>
		</div>
		<div class="con">
			<ul>
				<li>
					<router-link tag="div" to="/push" class="left">消息推送设置</router-link>
					<div>></div>
				</li>
				<li>
					<div class="left">清除缓存</div>
				</li>
				<li>
					<router-link tag="div" to="/feedback" class="left">帮助与反馈</router-link>
					<div>></div>
				</li>
				<li>
					<router-link tag="div" to="/about" class="left">关于</router-link>
					<div>></div>
				</li>
			</ul>
		</div>
		<div class="bot" @click="demo">退出当前账户</div>
	</div>
</template>

<script>
	export default{
		name:"setup",
		data(){
			return {
				
			}
		},
		methods:{
			demo(){
				localStorage.removeItem("username");
				localStorage.removeItem("autograph");
				alert("退出成功");
				window.location.href = "http://localhost:8080/#/index/home/me";
			}
		}
	}
</script>

<style lang="less">
	.setup{
		.bot{
			width: 330/50rem;
			height: 88/50rem;
			background: #3AAE95;
			height: 50/50rem;
			text-align: center;
			line-height: 50/50rem;
			font-size: 16/50rem;
			color: #fff;
			border-radius: 10/50rem;
			margin-top: 30/50rem;
			margin-left: 20/50rem;
		}
		.head{
			background: #3AAE95;
			overflow: hidden;
			height: 50/50rem;
			line-height: 50/50rem;
			div{
				float: left;
				font-size: 20/50rem;
				color:#fff;
			}
			.rou{
				margin-left: 10/50rem;
			}
			.zl{
				margin-left: 150/50rem;
			}
			.sx{
				margin-left: 80/50rem;
			}
		}
		.con{
			margin-top: 10/50rem;
			ul{
				background: #fff;
				padding-left: 15/50rem;
				li{
					height: 50/50rem;
					line-height: 50/50rem;
					border-bottom: 2/50rem solid #F2F2F2;
					overflow: hidden;
					font-size: 16/50rem;
					color: #000;
					div{
						float: left;
					}
					.left{
						width: 320/50rem;
					}
				}
			}
		}
	}
</style>